<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>完善信息</title>
		<style>
			body{
				background-color: #5725bc;
			}
			.index{
				margin: auto;
				width:920px;
				background-color: white;
				box-shadow:10px 10px 15px black;
				margin-top:10px;
			}
		    h1{
				color:orange;
				padding-top:30px;
				text-align:center;
			}
			form{
				padding-left: 20%;
				line-height:180%;
			}
			input{
				border-color: black;
				border-top-width:0px;
				border-right-width:0px;
				border-bottom-width:2px;
				border-left-width:0px;
                padding-bottom: 20px;
			}
			#btn{
				background-color: #FFA500;
				color:white;
				padding:5px 10px;
				margin-left:320px;
				margin-top:16px;
				margin-bottom: 20px;
			}
		</style>
	</head>
	<body>
		<div class="index">
			<h1>完善个人信息</h1>
			<hr color="orange" width="700px" />
			<form method="post" action="{% url 'contents:submit_perfect_info' %}">
				{% csrf_token %}
				<ol>
					<li>您的生源地是？</li>
					<label for="place"><input type="text" id="place" name="place" required value="{{ survey_info.place|default:'' }}"></label>
					<li>您的年龄段是？</li>
					<label><input type="radio" name="age_group" value="18岁以下" required {% if survey_info.age_group == '18岁以下' %}checked{% endif %} />&nbsp;&nbsp;18岁以下&nbsp;&nbsp; </label>
					<label><input type="radio" name="age_group" value="18-25岁" {% if survey_info.age_group == '18-25岁' %}checked{% endif %} />&nbsp;&nbsp;18-25岁&nbsp;&nbsp; </label>
					<label><input type="radio" name="age_group" value="26-30岁" {% if survey_info.age_group == '26-30岁' %}checked{% endif %} />&nbsp;&nbsp;26-30岁&nbsp;&nbsp; </label>
					<label><input type="radio" name="age_group" value="31-35岁" {% if survey_info.age_group == '31-35岁' %}checked{% endif %} />&nbsp;&nbsp;31-35岁&nbsp;&nbsp; </label>
					<label><input type="radio" name="age_group" value="35岁以上" {% if survey_info.age_group == '35岁以上' %}checked{% endif %} />&nbsp;&nbsp;35岁以上 </label>
					<li>您期望在哪些城市发展？</li>
					<label for="want_city"><input type="text" id="want_city" name="want_city" value="{{ survey_info.want_city|default:'' }}"></label>
					<li>您期望的职业？</li>
					<label for="want_job"><input type="text" id="want_job" name="want_job" value="{{ survey_info.want_job|default:'' }}"></label>
                    <li>实习次数？</li>
                    <label for="work_experience"><input type="number" id="work_experience" name="work_experience" min="0" placeholder="年数" value="{{ survey_info.work_experience|default:0 }}"></label>
				</ol>
                <br><br>
                &nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;您的姓名&nbsp;&nbsp;<input type="text" name="real_name" required value="{{ survey_info.real_name|default:'' }}" />
				    &nbsp;&nbsp;联系电话&nbsp;&nbsp;<input type="tel" name="phone" required value="{{ survey_info.phone|default:'' }}" />
				<br>
                <div style="text-align: center; margin-top: 20px;">
                    <button id="btn" type="submit">提交信息</button>
                </div>
			</form>
            {% if message %}
            <div style="text-align: center; color: green; margin-bottom: 20px;">
                {{ message }}
            </div>
            {% endif %}
		</div>
	</body>
</html>

